<template>
  <div>
    <defaultForm :formData="formData7">
      <!-- 单位名称 -->
      <input
        :disabled="$store.state.iptDis"
        type="text"
        slot="formRight_0"
        class="flex1"
        v-model="unit.orgName"
      />
      <div slot="formHead_1" class="flexRight">
        <span>第</span>
        <input
          :disabled="$store.state.iptDis"
          type="text"
          placeholder="？"
          style="width: 26px"
          v-model="unit.num"
        />
        <span>完成单元</span>
      </div>
      <!-- 第 完成单元 -->
      <div slot="formRight_1" class="flex1 flexLeft">
        <div class="awardName borL borR">单位性质</div>
        <input
          :disabled="$store.state.iptDis"
          type="text"
          class="flex1"
          v-model="unit.nature"
        />
      </div>
      <!-- 联系人 -->
      <div slot="formRight_2" class="flex1 flexLeft">
        <input
          :disabled="$store.state.iptDis"
          type="text"
          v-model="unit.callName"
        />
        <div class="flex1 flexLeft">
          <div class="awardName borL borR">电子邮箱</div>
          <input
            :disabled="$store.state.iptDis"
            type="text"
            class="flex1"
            v-model="unit.email"
          />
        </div>
      </div>
      <!-- 手机 -->
      <div slot="formRight_3" class="flexLeft flex1">
        <input
          :disabled="$store.state.iptDis"
          type="text"
          class="flex1"
          v-model="unit.phone"
        />
        <div class="flexLeft flex1">
          <div class="awardName borL borR">联系电话</div>
          <input
            :disabled="$store.state.iptDis"
            type="text"
            class="flex1"
            v-model="unit.tel"
          />
        </div>
      </div>
      <!-- 通信地址 -->
      <div slot="formRight_4" class="flexLeft flex1">
        <input
          :disabled="$store.state.iptDis"
          type="text"
          class="flex1"
          v-model="unit.address"
        />
        <div class="flexLeft flex1">
          <div class="awardName borL borR">邮政编码</div>
          <input
            :disabled="$store.state.iptDis"
            type="text"
            class="flex1"
            v-model="unit.postal"
          />
        </div>
      </div>
      <!-- 主要贡献 -->
      <div class="flex1 textAreaBox" slot="formRight_5">
        <a-textarea
          v-model="unit.proContributione"
          :disabled="$store.state.iptDis"
          :autosize="{ minRows: 5, maxRows: 10 }"
        />
      </div>
    </defaultForm>
  </div>
</template>

<script>
import defaultForm from "@/components/form/formDefaultItem.vue";
import { formData7 } from "@/assets/js/projectInfoFormData.js";
export default {
  components: { defaultForm },
  props: {
    unit: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      formData7,
    };
  },
};
</script>

<style scoped>
input {
  text-align: center;
}
.borR {
  border-right: 1px solid #b8babd;
  height: 43px;
  line-height: 43px;
}
.borL {
  border-left: 1px solid #b8babd;
}
.awardName {
  width: 125px;
  text-align: center;
  margin-left: -1px;
}
.textAreaBox {
  border-left: 1px solid #b8babd;
  margin-left: -1px;
}
.ant-input {
  border: 0;
}
</style>